﻿<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<script type="text/javascript">
    function ButtonHome_OnMouseOver() {
        ButtonHome.style.backgroundImage = "none"
        ButtonHome.value = "home"
    }
    function ButtonHome_OnMouseOut(str) {
        var img_path = "url(Images/" + str + ".png)"
        ButtonHome.style.backgroundImage = img_path
        ButtonHome.value = ""
    }
</script>
<body>
        <%--// ButtonHome.style.backgroundImage = "url(Images/主页图标.png)"--%>
    <!-- head picture -->
    <div style="background-position: center; width: 100%; height: 250px; background-color: #000080;
        background-image: url('Images/版头.png'); background-repeat: no-repeat; position: absolute;
        margin-right: auto; margin-left: auto;">
        
    </div>

    <div align="center" style="position: relative; width: 1024px; height: 250px;
        font-family: 'comic Sans MS'; font-size: 48px; color: #FFFFFF; margin-left: auto; margin-right: auto;">
        <input id="ButtonHome" type="button" value="" style="background-color: transparent;
            background-image: url('Images/主页图标.png'); cursor: pointer; float: left; width: 79px;
            height: 68px; position: relative; left: 20px; top: 175px; border: 0px; font-family: 'comic Sans MS';
            font-size: x-large; font-weight: lighter; color: #FFFFFF; text-transform: uppercase;"
            title="Home" onmouseover="ButtonHome_OnMouseOver()" onmouseout="ButtonHome_OnMouseOut('主页图标')" />
        
        <input id="ButtonArticle" type="button" value="" style="background-color: transparent;
            background-image: url('Images/文章图标.png'); cursor: pointer; float: left; width: 79px;
            height: 68px; position: relative; left: 20px; top: 175px; border: 0px; font-family: 'comic Sans MS';
            font-size: x-large; font-weight: lighter; color: #FFFFFF; text-transform: uppercase;"
            title="Home" onmouseover="ButtonArticle_OnMouseOver()" onmouseout="ButtonArticle_OnMouseOut('文章图标')" />
            
    </div>

    <%--<div align="left" 
        style="margin-left: auto; margin-right: auto; position: relative;
        width: 100%; height: 50px; font-family: 'comic Sans MS'; clear: both; color: #FFFFFF; font-weight: lighter; font-size: x-large;">
            Home
    </div>--%>
    <!-- body part -->
    <div style="position: relative; width: 1024px; margin: 5px auto 0px auto; background-color: #C0C0C0; overflow: auto;">
        <div style="position: relative; top: 0px; left: 0px; width: 250px; height: 500px;
            background-color: #FFFF00; float: left; margin-left: 5px;">
            left
        </div>
        <div style="position: relative; width: 750px; height: 500px; background-color: #000000;
            float: right; left: 0px; color: #00FF00; margin-right: 5px;">
            <pre style="font-family: 'comic Sans MS'; left: 5px; position: relative;">
                Here is a website of JJMoe and her cute AI &quot;Little Moe&quot;.<br />
                Still, &quot;Little Moe&quot; has not come to this world yet.
            </pre>
        </div>
    </div>

    <!-- bottom line -->
    <div style="width: 100%; height: 30px; position: relative; bottom: 0px;
        background-color: #FF0000; font-family: 仿宋; font-size: medium; font-weight: bolder;
        color: #000000; margin-left:auto; margin-right:auto; clear: both;" 
        align="center">
        Copyright &copy; JJMoe@codegeekx.tk. All rights reserved.
    </div>
</body>
</html>
